<%@page import="java.util.List"%>
<%@page import="Servidor.DataJuego"%>
<%@page import="Servidor.DataPuntaje"%>
<%@include file = "cargarLogica.jsp" %>
<%

    String nomJuego = request.getParameter("nomJuego");

    Integer star1, star2, star3, star4, star5;
    star1 = star2 = star3 = star4 = star5 = 0;
    Integer promedio = 0;
    
    List<Integer> listaPuntajes = iw.totalPuntajesJuego(nomJuego);
                                                                        
    star1 = listaPuntajes.get(0);
    star2 = listaPuntajes.get(1);
    star3 = listaPuntajes.get(2);
    star4 = listaPuntajes.get(3);
    star5 = listaPuntajes.get(4);

    Integer personas = star1 + star2 + star3 + star4 + star5;
    
    Double d = Math.ceil(((star1 * 1.0) + (star2 * 2.0) + (star3 * 3.0) + (star4 * 4.0) + (star5 * 5.0)) / personas);
    promedio = d.intValue();
                                                    
%>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="css/JF_S/puntajes.css"/>
    </head>
    <body>
        
        Puntuaciones de Usuarios<br>
        
        <div id = 'DIV_Promedio'>Promedio
            <div class = "estrellasTotales">
                <input id = 'I_Promedio' type = "hidden" value = "<%=promedio%>">
                <a class = 'estrellas' id='promedio_1' title='<(*o*<)(o_o)(>*o*)>'></a>
                <a class = 'estrellas' id='promedio_2' title='No esta mal!'></a>
                <a class = 'estrellas' id='promedio_3' title='Bueno!'></a>
                <a class = 'estrellas' id='promedio_4' title='Muy Bueno!'></a>
                <a class = 'estrellas' id='promedio_5' title='Genial!!!'></a>
            </div>
        </div>
        <div id = 'DIV_TotalPuntajes'>
            <div class = "estrellasTotales">
                <label class = 'lblEstrellas'><%=star5%></label>
                <a class = 'estrellas' id='estrellas5_1' title='<(*o*<)(o_o)(>*o*)>'></a>
                <a class = 'estrellas' id='estrellas5_2' title='No esta mal!'></a>
                <a class = 'estrellas' id='estrellas5_3' title='Bueno!'></a>
                <a class = 'estrellas' id='estrellas5_4' title='Muy Bueno!'></a>
                <a class = 'estrellas' id='estrellas5_5' title='Genial!!!'></a>
            </div>
            <br>
            <div class = "estrellasTotales">
                <label class = 'lblEstrellas'><%=star4%></label>
                <a class = 'estrellas' id='estrellas4_1' title='<(*o*<)(o_o)(>*o*)>'></a>
                <a class = 'estrellas' id='estrellas4_2' title='No esta mal!'></a>
                <a class = 'estrellas' id='estrellas4_3' title='Bueno!'></a>
                <a class = 'estrellas' id='estrellas4_4' title='Muy Bueno!'></a>
            </div>
            <br>
            <div class = "estrellasTotales">
                <label class = 'lblEstrellas'><%=star3%></label>
                <a class = 'estrellas' id='estrellas3_1' title='<(*o*<)(o_o)(>*o*)>'></a>
                <a class = 'estrellas' id='estrellas3_2' title='No esta mal!'></a>
                <a class = 'estrellas' id='estrellas3_3' title='Bueno!'></a>
            </div>
            <br>
            <div class = "estrellasTotales">
                <label class = 'lblEstrellas'><%=star2%></label>
                <a class = 'estrellas' id='estrellas2_1' title='<(*o*<)(o_o)(>*o*)>'></a>
                <a class = 'estrellas' id='estrellas2_2' title='No esta mal!'></a>
            </div>
            <br>
            <div class = "estrellasTotales">
                <label class = 'lblEstrellas'><%=star1%></label>
                <a class = 'estrellas' id='estrellas1_1' title='<(*o*<)(o_o)(>*o*)>'></a>                
            </div>
        </div>
    </body>
</html>